<template>
  <el-pagination
    background
    @current-change="handleCurrentChange"
    :page-size="10"
    layout="prev, pager, next"
    :total="total">
  </el-pagination>
</template>

<script>
    export default {
        name: "pager",
        props:['total'],
        methods:{
          handleCurrentChange(val){
            this.$emit('upload',{page:val});
          }
        }
    }
</script>

<style scoped lang="scss">
  .el-pagination{
    text-align: center;
    margin-top: 15px;
  }
</style>
